<template>
  <div class="myOrder">
    <van-cell title="我的订单" value="全部订单" is-link icon="location-o" />
    <van-grid>
      <van-grid-item v-for="item in navList" :key="item.id" :icon="item.icon" :text="item.title" />
    </van-grid>
  </div>
</template>

<script>
export default {
  name: 'MyOrder',
  components: {

  },
  data () {
    return {
      navList: [
        { id: 1, icon: 'credit-pay', title: '待付款' },
        { id: 2, icon: 'free-postage', title: '待发货' },
        { id: 3, icon: 'logistics', title: '待收货' },
        { id: 4, icon: 'completed', title: '已完成' }
      ]
    }
  },
  watch: {

  },
  mounted () {

  },
  methods: {

  }
}

</script>
<style scoped lang='scss'>
</style>
